<template>
	<view class="page">
		<view class="top-background-raduis"></view>
		<view class="login-box">
			<view class="login-card-title">
				<view class="login-card-title-content">新乐账号密码登录</view>
			</view>
			<view class="login-card-input">
				<!-- 输入框头部图标 -->
				<uni-easyinput class="hj-input" v-model="authStore.user.username" focus maxlength="30" :trim="true"
					:styles="authStore.inputColorConfigToUserName" placeholder="请输入账号"
					@focus="authStore.UserNamePassWrodFocusBorderStyle"
					@blur="authStore.UserNamePassWrodBlurBorderStyle"></uni-easyinput>
				<!-- 输入框头部图标 -->
				<uni-easyinput class="hj-input" v-model="authStore.user.password" type="password"
					:styles="authStore.inputColorConfigToPassWord" placeholder="请输入密码"
					@blur="authStore.PassWordBlurBorderStyle"></uni-easyinput>
			</view>
			<view class="login-card-loginIn">
				<view class="login-card-loginIn-btn" @click="authStore.login">
					登 录
				</view>
			</view>
		</view>
		<view class="bottom-message"></view>
	</view>
</template>

<script setup>
	import {
		useAuthStore
	} from '@/stores/authStore';
	const authStore = useAuthStore();
</script>

<style lang="scss" scoped>
	@import url('@/static/styles/login.css');
</style>